SMTP Einstellungen
Ihr könnt gerne testen.
Vielen Dank an Volker für diese Anwendung, die man kinderleicht in Mobirise integrieren kann. VN‑Mailer ist eine sehr nützliche Erweiterung, die mit jedem beliebigen Formular funktioniert.
Bitte löscht vor dem Import eines Updates dieser oder einer anderen PHP-Anwendung von Volker Niederastroth (VN) alle Komponenten innerhalb der Software, einschließlich der Blöcke, sowie auf dem Rechner das zugehörige Erweiterungsverzeichnis und auf dem Server hier das Verzeichnis /assets/vn-mailer/, damit eine fehlerfreie Neuinstallation möglich ist.
Bitte veröffentlicht in diesem Fall einmalig alles und deaktiviert dazu die Option „Nur Änderungen veröffentlichen“. Ansonsten wird Mobirise die zur Anwendung gehörende PHP-Datei nicht neu publizieren. Meine hier gezeigte Version ist vom 26. Juli 2026.
Diese Anwendung sowie auch eine englische Version könnt ihr in der VN Block Galerie unter dem Namen „VN Mailer“ in der Kategorie „VN Tools“ kostenlos herunterladen.
Mein Beispielformular stammt aus dem Mobirise‑Theme „SpecialtyM5“ und ist bereits fertig eingerichtet. Man kann jedoch jedes beliebige Mobirise‑Formular oder ein Formular eines anderen Generators verwenden. Die Skripte des VN‑Mailers erkennen automatisch alle Felder und senden die Inhalte per PHPMailer an den Empfänger.
Diese Anwendung fügt dem Site‑Menü von Mobirise am Zahnrad der Projektkachel eine zusätzliche Option hinzu, mit der ihr die SMTP‑Zugangsdaten direkt unter "VN Blöcke" eintragen könnt (siehe Screenshot). Dort tragt ihr die Zugangsdaten ein, die ihr von eurem Provider erhalten habt und die auch im Kundenbereich eures Providers zu finden sind. Habt ihr diese bereits bei einer anderen Anwendung von VN dort eingetragen, braucht ihr diese nicht erneut einzutragen.
Dabei handelt es sich um die SMTP‑Serveradresse, den Port inklusive Verschlüsselung, euren SMTP‑Benutzernamen (der in den meisten Fällen mit der E‑Mail‑Adresse übereinstimmt) sowie das zugehörige Passwort, die Absenderadresse, die für Antworten verwendet werden soll, und den Namen, der in der Mail angezeigt wird. Diese Daten werden nicht sichtbar gespeichert und sind daher nicht in der Mobirise‑Projektdatei enthalten. Diese SMTP-Daten werden dagegen sicher in einer Konfigurationsdatei im Online-Verzeichnis /assets/vn-shared/ abgelegt. Erfahrene Benutzer könnten also auch die SMTP-Daten direkt dort eintragen.
Der Schalter „VN Mailer aktiviert“ ist für andere Anwendungen vorgesehen; hier ist er irrelevant und kann ein‑ oder ausgeschaltet bleiben.
Dieser SMTP-Eintrag im Mobirise‑Menü wird automatisch entfernt, sobald ihr diese Anwendung deinstalliert. Das Formular funktioniert jedoch weiterhin.
Bitte stellt unbedingt sicher, dass ihr einmalig alles vollständig veröffentlicht, damit auch die PHP‑Skripte, die Mobirise nicht erkennt, auf den Server hochgeladen werden. Deaktiviert dafür die Option „Nur Änderungen veröffentlichen“; anschließend könnt ihr sie wieder aktivieren.
SMTP Einstellungen
Das Formular ist damit praktisch einsatzbereit. Bitte platziert jedoch unbedingt den dazugehörigen Block „VN Mailer“ direkt unter dem Formularblock, den ihr im Screenshot unten seht. Dieser Block bietet wichtige zusätzliche Optionen, etwa die Möglichkeit, eine Kopie an den Absender zu senden oder ein Captcha als Spamschutz zu verwenden. Außerdem könnt ihr hier wählen, ob als Bestätigung ein Toast‑Fenster angezeigt wird oder der Nutzer auf eine dafür angelegte Erfolgsseite weitergeleitet werden soll. Tragt die Erfolgsseite einfach mit ihrem Dateinamen (z. B. „danke.html“) ein.
Die E‑Mail wird als HTML formatiert; zusätzlich steht automatisch eine reine Textversion als Alternative für Mailprogramme zur Verfügung, die kein HTML darstellen.
Außerdem könnt ihr dort die Schriftfarbe und -größe einstellen sowie festlegen, ob der Hintergrund des Captcha-Feldes farbig oder transparent angezeigt werden soll. Der Betreff der E‑Mail kann außerdem sowohl für den Empfänger als auch für die Kopie an den Absender bearbeitet werden.
Ich empfehle den optionalen Spamschutz von „hCaptcha“ zu verwenden: Es ist eine gute Alternative und funktioniert ähnlich wie Google reCAPTCHA. Registriert euch und erzeugt dort einen öffentlichen sowie einen geheimen Schlüssel:
https://dashboard.hcaptcha.com/
Tragt hier einfach die beiden generierten Schlüsselzahlen in der App ein – mehr ist nicht nötig. Der obere Code ist der öffentliche Schlüssel; den tragt ihr in den Block-Werkzeugen (Zahnrad) des „VN Mailer“ Blocks ein. Wählt dort außerdem als Captcha‑Typ „hCaptcha“ an der Dropdown-Auswahl.
Den geheimen Schlüssel gebt ihr im Site‑Menü unter „VN Blöcke“ beim Feld „hCaptcha Secret Key“ ein. Es kann die helle Standard-Box vom „hCaptcha“ oder auch das dunkle Thema (wie hier) gewählt werden.
Es gibt diese Anwendung auch in englischer Version mit genau den gleichen Optionen.
Unter dem Formularblock der schmale "VN Mailer" Block
Damit das Formular auf diese Mailversand-Anwendung zugreifen kann, müsst ihr im Feld "Notification, Email or Action URL" den folgenden absoluten Pfad eintragen:
https://www.example.com/assets/vn-mailer/native-form-handler.php?to=mail@example.com
Dabei steht "https://www.example.com" für eure Domain, "assets" ist das Mobirise-Verzeichnis und im Unterordner "vn-mailer" liegt die verarbeitende Datei "native-form-handler.php". Tragt für die Verwendung der korrekten E‑Mail-Adresse diese wie oben gezeigt hinter der URL-Aktion ?to= ein - also anstelle von dem Beispiel: mail@example.com
Die Mobirise‑Checkbox für die Datenschutzerklärung erscheint leider immer unterhalb des Formulars. Sie lässt sich im Site‑Menü unter „GDPR Compliance“ aktivieren.
Formular Action anstelle von eurer E-Mail eintragen